<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport"
			content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no" />
		<base target="_blank"/>
		<link rel="stylesheet" href="{cms>:$cssPath}/spg.css">
		
		<title>客房</title>

		<style type="text/css">
			#assurance div{
				background-color: white;
				position: relative
			}
			.icon-info {
			    font-family: 'starwood';
			    speak: none;
			    font-style: normal;
			    font-weight: normal;
			    font-variant: normal;
			    text-transform: none;
			    line-height: 1;
			    -webkit-font-smoothing: antialiased;
			}
			span.brg-check {
				position: absolute;
				top: -19px;
				left: 2px;
			}
			body{
				background-color: #271a40;
				margin: 0;
			}
			#content{
				background-color: rgb(238,239,242);
				text-align: center;
				font: normal 16px arial;
			}
			#assurance div{
				font: bold 16px arial;
				color: #664f8c;
			}
			#assurance img{
				position: relative;
			}
			a{		
				text-decoration: none;
				font: bold 16px arial;
				color: #664f8c;
			}
			#footer_span{
				bottom: 60px;
			}
			.insetShadow {
				border-radius: 3px;
				-webkit-box-shadow: inset #666 0px 0px 9px;
				text-align: center;
				width: 100%;
				height:70%;
				-webkit-border-radius: 3px;
				background-color: whitesmoke;
				font: normal 12px arial;
				overflow: hidden;
			}
			.description{
				letter-spacing: 1.5px;
			}
			.aroom{
				background-color: white;
				margin: 5px 10px;
				border-radius: 3px;
				padding: 10px;
			}
			td img{
				width:100%;
			}
			.description{
				overflow:hidden;
			}
			.td2 p{
				margin: 0;
				position: relative;
				top: -2px;
				text-align: center;
				font: normal 14px arial;
			}
			h2 {
				color: #653c33;
				font: bold 13px/15px Arial;
				}
			ul {
				margin: 0;
				padding: 0;
				}
			ul.amenities {
				padding-bottom: 12px;
				margin-left: 15px;
				}
			ul.amenities li {
				margin-left: 15px;
				padding-left: 0;
				list-style: disc;
				font: 13px/15px arial;
				color: #653c33;
			}
		</style>
	</head>
	
	<body>
		<div id="content" style="margin: 0px;line-height: 30px;text-align: left;border-radius: 0px;padding-bottom: 5px;margin-bottom: 10px;">	
			    <div style="height: 5px;"><pre>  </pre></div>
				<div>
					<a href="{cms>:U('Booking/facilities',array('hotelCode'=>$_GET['hotelCode'],'openid'=>$_GET['openid']))}">
					<p style="background-color: rgb(103,81,140);padding: 10px;margin: 8px;border-radius: 3px;color:white;text-align:center;">
						标准设施
					</p>
					</a>
				</div>
			<div class="aroom">
				<volist name="attributes" id="attribute">
					<h2>{cms>:$key}</h2>
					<ul class="amenities">
						<volist name="attribute" id="val">
							<li>{cms>:$val}</li>
						</volist>		
					</ul>
				</volist>
				<!--  
				<h2>办公/电讯</h2>
				<ul class="amenities">		
					<li>办公桌</li>
					<li>数据端口</li>
				</ul>
				<h2>办公/电讯</h2>
				<ul class="amenities">		
					<li>办公桌</li>
					<li>数据端口</li>
				</ul>
				-->
			</div>
		</div>
		
		<script type="text/javascript" src="{cms>:$jsPath}/jquery-1.11.0.min.js"></script>
		
		<script>
		    $(function() {
				var h=$("#td1 img").height();
				//alert(h);
				$("#td1").css("height", h);
		        $(".td2").css("height", h);
		        $(".description").css("height", h);
		        //$(".insetShadow").css("height", h);
		      });
		</script>
	    
<include file="footer2"/>